<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Indiefilm Productions Studio Management System" />
<meta name="keywords" content="" />

<title>Indiefilm Studio Management System</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/typography.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/form.css" rel="stylesheet" type="text/css" media="all" /> 
<link rel="shortcut icon" href="favicon.ico" />
<link href="js/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.4.3.min.js"></script>
<script src="js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />   
<script type='text/javascript' src='js/popframe.js'></script> 
</head>

<body>
<div id="Outer">
    <div id="Header">
        <div class="header-inner"> <h1><img src="images/blackcurrent-logo.jpg" alt="Logo"  /></h1>
            
            <div class="topTabContainer">
            	<div class="topTabSearch"> Sarah Middleton, <a href="#">Logout</a></div>
            </div>
            
            
             <div class="navContainer">
            	<h2>Indiefilm Productions</h2>              
       		</div><!--navContainer Ends-->
            
            
            <div class="iconNotice">
            	<ul>
                    <li class="notice-message-new"><a href="#"><div><div class="note-padding">0</div></div></a></li>
                    <li class="notice-cal-normal"><a href="#"><div><div class="note-padding">0</div></div></a></li>
                    <li class="notice-task-normal"><a href="#"><div><div class="note-padding">0</div></div></a></li>
                </ul>        
       		</div><!--iconNotice-->
            
            
           
        
        
        </div><!--header-inner Ends-->	
    </div><!--Header-->

        
 <div id="nav_two_level" class="nav_container">
 <div class="nav_container_inner">
	<ul id="nav">
        <li><a href="modules/photo/photo-bookings-list.html" class="current"><span></span><strong>Jobs</strong></a></li>
        <!--<li><a href="modules/photo/photo-album.html"><span></span><strong>Album Orders</strong></a></li>-->
        <li><a href="modules/photo/photo-clients.html"><span></span><strong>Manage</strong></a></li>
        <li><a href="modules/photo/photo-accounts-invoice-open.html"><span></span><strong>Accounts</strong></a></li>
    </ul>
    <ul id="nav_second_level">
        
        <li><a href="modules/photo/photo-bookings-open.html"><span></span><strong>New Leads</strong></a></li>
        <li><a href="modules/photo/photo-bookings-closed.html"><span></span><strong>Open Jobs</strong></a></li>
         <li><a href="modules/photo/photo-bookings-open.html"><span></span><strong>Completed Jobs</strong></a></li>
        <li><a href="modules/photo/photo-bookings-closed.html"><span></span><strong>Archived Jobs</strong></a></li>
 <!--       <li><a href="modules/photo/photo-bookings-cal.html"><span></span><strong>Calendar</strong></a></li>
        <li><a href="modules/photo/photo-bookings-list.html"><span></span><strong>Appointment List</strong></a></li>-->
    </ul>
</div><!--nav_container_inner Ends-->  
</div><!--nav_two_level Ends-->  
        
<div class="clear"></div>        


  

    <div class="main-bg">
            
        <div id="Layout">
            <div class="inner-layout">	
                <div class="typography">
      
                    <div id="sideBar">
                          
                       <div class="sideModule">
                         <div>
          <a href="modules/photo/photo-job-form.html"><img src="images/new_booking_bt.png" data-hover="images/new_clients_bt_hover.png" data-active="images/new_clients_bt_active.png" class="action-btn" alt="New client"></a>
        </div>

                      </div><!--sideModule-->
                    </div> <!--sidebar-->
                    
                  <div class="contentLayout">   
                    
            <h3>Index Page</h3>
            <!--Form Filter Ends-->Default to Open Jobs Page<!--contentList Ends--><!--contentList Ends-->
                    
                    
                
                    </div><!--content Layout-->            
                </div><!-- typography Ends -->	
            </div><!-- inner-layout Ends -->
        </div><!-- Layout Ends -->
    
    </div><!-- main-bg Ends -->
    

    <div id="Footer">
    
        <div class="footer-tools">
            <ul class="footer-tools-list">
            <li>&copy; Indiefilm Productions</li>
            <li class="print"><a href="javascript:print();">Print this page</a></li>
            <!--<li class="email"><a href="#">Email this page</a></li>-->
            <li class="top"><a href="#Header">Page top</a></li>
            <li><a href="#">Logout</a></li>
            </ul>
        </div>
        
      <!--  <div class="footer-bar">
                <ul>
                <li class="twitter"><a href="#">join us on twitter</a><br>
                <span>The latest weather straight to you.</span></li>
                </ul>
        </div>-->
            
         

    </div><!-- Footer Ends -->
    
</div> <!--Outer Ends -->	






</body>
</html>
